<template>
  <div class="box1">
    <template>
      <!-- 初始化echarts需要有个宽高的盒子 -->
      <van-tabs v-model="activeName" line-height="1px" 
      line-width="0"  @tabs-card-height="50" title-active-color="#3cf"
      animated swipeable color="#3cf" class="header">
        <van-tab title="全国现有确诊" name="a"><LineChart1></LineChart1></van-tab>
        <van-tab title="全国累计确诊" name="b"><LineChart4></LineChart4></van-tab>
        <van-tab title="本土现有确诊" name="c"><LineChart2></LineChart2></van-tab>
        <van-tab title="无症状新增" name="d"><LineChart3></LineChart3></van-tab>
      </van-tabs>
    </template>
  </div>
</template>
<script>
export default {
  data() {
    return {
      activeName: 'a',
    };
  },
};
</script>

<style>
.box1 {
   margin-bottom: 1rem; 
   border: 1px solid #bbb;
  border-radius: 10px; 
  padding-top: 5px;
}
.box1 .van-tab{
border-bottom: 1px solid #bbb;
/* border-radius: 10px; */

}

</style>